<template>
	<view class="content-item">
		<view class="head">
			山西博才人力资源管理有限公司
		</view>
		<view class="info">
			<view class="info-item flex align-center">
				<view class="info-item-label">
					总人数
				</view>
				<view class="info-item-value">
					127人
				</view>
			</view>
			<view class="info-item flex align-center">
				<view class="info-item-label">
					开结时间
				</view>
				<view class="info-item-value">
					2024.12.13
				</view>
			</view>
			<view class="info-item flex align-center">
				<view class="info-item-label">
					职位
				</view>
				<view class="info-item-value">
					操作工
				</view>
			</view>
			<view class="info-item flex align-center">
				<view class="info-item-label">
					工期
				</view>
				<view class="info-item-value">
					230天
				</view>
			</view>
			<view class="info-item flex align-center">
				<view class="info-item-label">
					每天工资
				</view>
				<view class="info-item-value">
					15425元
				</view>
			</view>
		</view>
		<view class="career-btn flex flex-row-reverse">
			<view class="btn" @tap="clickBtn()">
				员工列表
			</view>
		</view>
	</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {}
		},
		props: {

		},
		methods: {
			clickBtn(){
				this.$emit('clickBtn');
			}
		}
	}
</script>

<style lang="scss" scoped>
	.content-item {
		padding: 44rpx 33rpx 35rpx 38rpx;
		background-color: #fff;
		border-radius: 10rpx;
		margin-bottom: 20rpx;

		.head {
			font-weight: bold;
			font-size: 34rpx;
			color: #222222;
			margin-bottom: 43rpx;
		}

		.info {

			.info-item {
				margin-bottom: 40rpx;

				.info-item-label {
					font-weight: 500;
					font-size: 28rpx;
					color: #666666;
					width: 110rpx;
				}

				.info-item-value {
					margin-left: 77rpx;
					font-weight: 500;
					font-size: 28rpx;
					color: #222222;
				}

				&:last-child {
					margin-bottom: 0;
				}
			}
		}

		.career-btn {
			.btn {
				width: 176rpx;
				height: 63rpx;
				background: #3A92FF;
				border-radius: 10rpx;
				text-align: center;
				line-height: 63rpx;
				font-weight: 500;
				font-size: 28rpx;
				color: #FFFFFF;
				margin-left: 24rpx;
			}


		}
	}
</style>